@if $isWexin {
    //小程序样式

    swiper,
    swiper-item,
    view,
    text,
    scroll-view,
    cover-view,
    cover-image,
    textarea {
        box-sizing: border-box;
    }

    .page {
        background-color: $background-color;
    }

    text,
    view {
        font-size: $font-size;
        line-height: $line-height;
        color: #333;
        font-weight: $font-weight;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        /* background-repeat:no-repeat;
      background-size:100% 100%;
      -moz-background-size:100% 100%; */
    }
}

@else {

    // H5样式
    * {
        box-sizing: border-box; //小程序不能用*通配符
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        /* font             : inherit; */
        vertical-align: baseline;
        border: 0;
        background-repeat: no-repeat;
    }

    ol,
    ul {
        list-style: none;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    a:hover {
        text-decoration: none;
        outline: none;
        cursor: pointer;
    }

    input {
        border: none;
        outline: none;
    }

    button,
    input[type='number'],
    input[type='text'],
    input[type='password'],
    input[type='email'],
    input[type='search'],
    select,
    textarea {
        margin: 0;
        font-family: inherit;
        -webkit-appearance: none;
    }

    textarea {
        resize: none;
        overflow: auto;
        font-family: inherit;
        outline: none;
    }

    caption,
    th,
    td {
        font-weight: normal;
        vertical-align: middle;
    }

    q,
    blockquote {
        quotes: none;
    }

    q::before,
    q::after,
    blockquote::before,
    blockquote::after {
        content: '';
        content: none;
    }

    img {
        border: none;
        max-width: 100%;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary {
        display: block;
    }

    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;

        line-height: $line-height;
        font-size: $font-size;
        font-family: Source Han Sans CN, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
        font-weight: $font-weight;
        color: $color;
        background-color: $background-color;
    }
}